<div class="app-sidebar bg-dark h-100">
	<nav class="nav flex-column nav-pills rounded-0">
	  <a class="nav-link active rounded-0" href="#" role="button" data-toggle="collapse" data-target="#menu1Details">Active</a>
	  <div class="collapse" id="menu1Details">
		  <nav class="nav flex-column nav-pills rounded-0 small">
			  <a class="nav-link rounded-0" href="#">子菜单A</a>
			  <a class="nav-link rounded-0 active sub-menu-active-bg" href="#">子菜单B</a>
			  <a class="nav-link rounded-0" href="#">子菜单C</a>
			  <a class="nav-link rounded-0" href="#">子菜单D</a>
		  </nav>
	  </div>
	  <a class="nav-link rounded-0" href="#">Link</a>
	  <a class="nav-link rounded-0" href="#">Link</a>
	  <a class="nav-link rounded-0" href="#">Disabled</a>
	</nav>
	
</div>